@namespace AntDesign.Pro.Pages.Result
@page "/result/success"

<GridContent>
    <Card>
        <Result Status="success"
                Title="@("Submission Success")"
                SubTitle="@("The submission results page is used to feed back the results of a series of operational tasks. If it is a simple operation, use the Message global prompt feedback. This text area can show a simple supplementary explanation. If there is a similar requirement for displaying \"documents\", the following gray area can present more complicated content.")"
                Extra="extra"
                Style="margin-bottom: 16px">
            <Descriptions Title="@("Project Name")">
                <DescriptionsItem Title="@("Project ID: ")">23421</DescriptionsItem>
                <DescriptionsItem Title="@("Principal: ")">Qu Lili</DescriptionsItem>
                <DescriptionsItem Title="@("Effective time: ")">2016-12-12 ~ 2017-12-12</DescriptionsItem>
            </Descriptions>
            <br />
            <Steps ShowProgressDot Current="1">
                <Step Title="step1" Description="desc1" />
                <Step Title="step2" Description="desc2" />
                <Step Title="step3" />
                <Step Title="step4" />
            </Steps>
        </Result>
    </Card>
</GridContent>

@code
{
    RenderFragment extra =@<span>
        <Button Type="primary">Back List</Button>
        <Button>View Project</Button>
        <Button>Print</Button>
    </span>;

// todo: only support string
RenderFragment step1 = @<span style="font-size: 14px">Create project</span>;
RenderFragment step2 = @<span style="font-size: 14px">Departmental preliminary review</span>;
RenderFragment step3 = @<span style="font-size: 14px">Financial review</span>;
RenderFragment step4 = @<span style="font-size: 14px">Finish</span>;
RenderFragment desc1 = @<div class="title">
    <div style="margin: 8px 0 4px">
        Qu Lili
        <Icon Type="dingding" Theme="outline" Style="color: #00A0E9; margin-left: 8px;"></Icon>
    </div>
    <div>2016-12-12 12:32</div>
</div>;

RenderFragment desc2 = @<div style="font-size: 12px" class="title">
                            <div style="margin: 8px 0 4px">
                                Zhou Maomao
                                <a href="">
                                    <Icon Type="dingding" Theme="outline" Style="color: #00A0E9; margin-left: 8px;"></Icon>
                                    Urge
                                </a>
                            </div>
                       </div>;
}